@media only screen and (min-width: 320px) {
    html {
        font-size: 20 * (320 / 375) * 1PX;
    }
}
@media only screen and (min-width: 360px) {
    html {
        font-size: 20 * (360 / 360) * 1PX;
    }
}
@media only screen and (min-width: 375px) {
    html {
        font-size: 20 * (375 / 375) * 1PX;
    }
}
@media only screen and (min-width: 414px) {
    html {
        font-size: 20 * (414 / 375) * 1PX;
    }
}
// @media only screen and (min-width: 514px) {
//     html {
//         font-size: 20 * (514 / 375) * 1PX;
//     }
// }